{% extends "coupons/base_coupon.html" %} {% load thumbnail %}

{% block title %}{{ object }}{% endblock %}
{% block body_class %}{{ block.super }} coupon_detail{% endblock %}

{% block extra_head %}
	<link href="{{ MEDIA_URL }}CSS/basiccoupon.css" rel="stylesheet">
{% endblock %}

{% block content %}
	
<div class="couponBox">
	<div class="couponBorder">
		<div class="mfrBox">
			<center>
				<table class="mfrView" align="center" cellspacing="0">
					<tbody>
						<tr>
							<td><b>PRINTABLE COUPON</b></td>
							<td id="expires">
								{% if object.expiry_date %}
								<span id="couponExpiryDateWysiwyg" style="display: block;">Good until <span id="couponExpiryDateWysiwygDateField">{{ object.expiry_date|date:"M j, Y" }}</span></span>
								{% else %}
								<span id="couponNoExpiryDateWysiwyg" style="display: block;">Never Expires</span>
								{% endif %}
							</td>
						</tr>
					</tbody>
				</table>
			</center>
		</div>
		<div class="couponContent">
			{% if object.image %}{% thumbnail object.image 100x100 crop,detail as image %}
			<img src="{{ image }}" class="floatRight" id="couponImgWysiwig" alt="Coupon Image" style="display: block;" height="{{ image.height }}" width="{{ image.width }}">
			{% endif %}
			<span class="companyName" id="couponBusinessNameWysiwyg">{{ object.business }}</span>
			<h1><span class="font18" id="couponTitleWysiwyg">{{ object }}</span></h1>
			<h3 id="couponSubTitleWysiwyg">{{ object.subtitle }}</h3>
			<br class="cleaner">
			<br>
			<div class="terms" style="display: block;">
				<p id="couponDetailsWysiwyg">{{ object.details }}</p>
				<p id="couponMerchantOfferIdWysiwyg">{{ object.merchant_offer_code }}</p>
			</div>
		</div>
		<div class="couponFooter">
			<img class="logoBottomLeft" src="{{ MEDIA_URL }}images/google_logo_sm_US.gif" alt="Victoria Merchant" height="22" width="60"> <span class="couponId">{{ object.coupon_code }}</span> 
			<br class="cleaner">
		</div>
	</div>
</div>

{% endblock %}